// 项目指标
var proinColumns = [{
  id: 'indName',
  title: '指标名称',
  width: 160,
  type: 'string',
  columnClass: 'text-center',
}, {
  id: 'indMsg',
  title: '指标描述',
  type: 'string',
  columnClass: 'text-left',
}, {
  id: 'indTime',
  title: '完成时间',
  type: 'string',
  width: 100,
  columnClass: 'text-left',
}, {
  id: 'operation',
  title: '操作',
  width: 150,
  type: 'string',
  columnClass: 'text-center',
  resolution: function (value, record, column, grid, dataNo, columnNo) {
    var content = '';
    content += '<button class="btn btn-xs btn-info" onclick="layer.msg(\'编辑：' + record.indName + '信息\');"><i class="fa fa-edit"></i>  编辑</button>';
    content += '  ';
    content += '<button class="btn btn-xs btn-danger" onclick="del(' + record.id + ');"><i class="fa fa-trash-o"></i>  删除</button>';
    return content;
  }
}];
var proinOption = {
  lang: 'zh-cn',
  ajaxLoad: false,
  // loadURL:'url',
  exportFileName: '项目指标',
  datas: [{
    indName: '指标名称测试数据',
    indMsg: '指标描述测试数据',
    indTime: '9999-99-99',
  }, ],
  columns: proinColumns,
  gridContainer: 'proinContainer',
  toolbarContainer: 'proinToolBarContainer',
  tools: '',
  pageSize: 10,
  pageSizeLimit: [10, 15, 20]
};
var proinGrid = $.fn.dlshouwen.grid.init(proinOption);
$(function () {
  proinGrid.load();
});
// 项目费用
var myChart2 = echarts.init(document.getElementById('main2'));
// 指定图表的配置项和数据
var option2 = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  legend: {
    data: ['预测', '已发生'],
  },
  grid: {
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01]
  },
  yAxis: {
    type: 'category',
    data: ['线索阶段', '立项阶段', '合同阶段', '交付阶段', '回款阶段'],
  },
  series: [{
    name: '预测',
    type: 'bar',
    data: [500, 600, 900, 150, 200,]
  }, {
    name: '已发生',
    type: 'bar',
    data: [1000, 800, 488, 200, 100,]
  }]
};
// 使用刚指定的配置项和数据显示图表。
myChart2.setOption(option2);
// 项目人力投入
var myChart4 = echarts.init(document.getElementById('main4'));
// 指定图表的配置项和数据
var option4 = {
  color: ['#c23532'],
  tooltip: {
    trigger: 'axis',
    formatter: '{a}<br/>{b}:{c}人/天',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: [{
    type: 'category',
    data: ['线索阶段', '立项阶段', '合同阶段', '交付阶段', '回款阶段'],
    axisTick: {
      alignWithLabel: true
    }
  }],
  yAxis: [{
    type: 'value'
  }],
  series: [{
    name: '人力投入',
    type: 'bar',
    barWidth: '30',
    itemStyle: {
      normal: {
        color: '#6883a3'
      }
    },
    data: [{
      value: 700,
      name: '线索阶段',
    }, {
      value: 300,
      name: '立项阶段',
    }, {
      value: 700,
      name: '合同阶段',
    }, {
      value: 300,
      name: '交付阶段',
    }, {
      value: 700,
      name: '回款阶段',
    }]
  }]
};
// 使用刚指定的配置项和数据显示图表。
myChart4.setOption(option4);
// 项目转换率
var myChart7 = echarts.init(document.getElementById('main7'));
// 指定图表的配置项和数据
var option7 = {
  tooltip: {
    trigger: 'item',
    formatter: '{a}<br/>{b}:{c} ({d}%)'
  },
  legend: {
    orient: 'vertical',
    x: 'left',
    data: ['线索阶段', '立项阶段', '合同阶段', '交付阶段', '回款阶段'],
  },
  series: [{
    name: '项目转化率',
    type: 'pie',
    radius: ['50%', '70%'],
    avoidLabelOverlap: false,
    label: {
      normal: {
        show: false,
        position: 'center'
      },
      emphasis: {
        show: true,
        textStyle: {
          fontSize: '14'
        }
      }
    },
    labelLine: {
      normal: {
        show: false
      }
    },
    data: [{
        value: 700,
        name: '线索阶段'
      },
      {
        value: 300,
        name: '立项阶段'
      },
      {
        value: 200,
        name: '合同阶段'
      },
      {
        value: 400,
        name: '交付阶段'
      },
      {
        value: 100,
        name: '回款阶段'
      }
    ]
  }]
};
// 使用刚指定的配置项和数据显示图表。
myChart7.setOption(option7);